<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sugar</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.0/axios.js"></script>
</head>

<body>
  <script>
    // console.log(axios);

    // 初级版本写法
    // axios({
    //   url: 'http://157.122.54.189:9083/post'
    // }).then(res => {
    //   console.log(res.data.data);
    // })

    // 🚩 常见的写法 - 解构对象的第一级
    axios({
      url: 'http://157.122.54.189:9083/post'
    }).then(({ data }) => {
      console.log('{ data }', data.data);
    })

    // 了解即可 - 解构对象第二级，因为它要建立在第一级对象是正确的情况下才能解构(undefined,null强行解构会报错)
    axios({
      url: 'http://157.122.54.189:9083/post'
    })
      .then(({ data: { data: aa } }) => {
        console.log('{ data: { data: aa } }', aa);
      })

  </script>
</body>

</html>